.team-page {
  .noMessageBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 200rpx;
  
    .emptyComment {
      width: 390rpx;
      height: 250rpx;
    }
  
    .tip {
      margin-top: 75rpx;
      font-size: 28rpx;
      font-weight: 400;
      color: #868c9b;
      line-height: 28rpx;
    }
  
  }
  .btnWrap {
    display: flex;
    justify-content: center;
    margin-top: 52rpx;

    .checkScheduleBtn {
      width: 324rpx;
      height: 76rpx;
      background: #010101;
      border-radius: 12rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24rpx;
      font-weight: 500;
      color: #FFFFFF;
    }
  }

  .myTeam {
    .cover {
      width: 750rpx;
      height: 360rpx;
      position: relative;
      background-color: #010101;

      .coverImage {
        width: 100%;
        height: 100%;
      }

      .coverVideo {
        width: 100%;
        height: 100%;
      }

      .coverVideoView {
        position: absolute;
        top: 0;
        left: 0;
        width: 750rpx;
        height: 360rpx;
      }

      .coverDeco {
        position: absolute;
        top: 0;
        left: 0;
        width: 750rpx;
        height: 360rpx;

        .noCover {
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;

          .noIcon {
            font-size: 142rpx;
            color: rgba(255, 255, 255, 0.4);
          }

          .noCoverTip {
            margin-top: 22rpx;
            font-size: 20rpx;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.5);
            line-height: 20rpx;
          }
        }

      }

    }


    .userInfoWrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      background-color: #FFFFFF;
      padding-top: 84rpx;
      border-bottom: 1rpx solid #C7CCDB;

      .avator {
        width: 128rpx;
        height: 128rpx;
        border-radius: 50%;
        position: absolute;
        background-color: #DCDCDC;
        top: -64rpx;
      }

      .teamName {
        font-size: 36rpx;
        font-weight: 600;
        color: #010101;
        line-height: 36rpx;
      }

      .teamDescription {
        margin-top: 20rpx;
        font-size: 24rpx;
        font-weight: 400;
        color: #848a9a;
        line-height: 24rpx;
      }

      .infoCheckFuncs {
        display: flex;
        justify-content: center;
        margin-top: 20rpx;

        .funcIcon {
          width: 104rpx;
          height: 104rpx;
          margin-right: 10rpx;

          &:nth-child(6) {
            margin-right: 0;
          }
        }
      }
    }

    .bottom {
      position: relative;
      background-color: #FFFFFF;

      .nav {
        display: flex;
        padding-top: 30rpx;
        padding-left: 40rpx;

        .navItem {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 60rpx;
          font-size: 28rpx;
          font-weight: 400;
          color: #848a9a;
          line-height: 28rpx;
          margin-right: 40rpx;
          position: relative;

          &.active {
            font-weight: 600;
            color: #010101;

            &::after {
              content: '';
              display: block;
              width: 40rpx;
              height: 4rpx;
              background: #010101;
              position: absolute;
              bottom: 0;
            }
          }
        }
      }

      .members {
        width: 750rpx;
        box-sizing: border-box;
        padding: 0 40rpx;
        margin-top: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding-bottom: 200rpx;

        .member {
          margin-top: 30rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;

          .avatar {
            width: 320rpx;
            height: 320rpx;
            background-size: 100% 100%;
            border-radius: 12rpx;
          }

          .name {
            width: 320rpx;
            margin-top: 10rpx;
            height: 42rpx;
            color: #000000;
            // display: flex; 
            text-align: center;
            line-height: 40rpx;
            font-size: 28rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }

    .teamInfoWrap {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 20rpx;
      padding-bottom: 90rpx;
      position: relative;
      background-color: #FFFFFF;

      .toggleMenu {
        width: 308rpx;
        height: 76rpx;
        background: #D9DCE3;
        border-radius: 16rpx;
        display: flex;
        justify-content: center;
        align-items: center;

        .menuItem {
          width: 144rpx;
          height: 68rpx;
          border-radius: 12rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #9398A6;
          white-space: nowrap;

          &.active {
            background: #FFFFFF;
            color: #010101;
          }

          &:nth-child(2) {
            margin-left: 14rpx;
          }
        }
      }

      .teamMemberWrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20rpx;

        .teamMemberItem {
          width: 676rpx;
          height: 140rpx;
          border-bottom: 2rpx solid rgba(204, 204, 204, 0.4);
          display: flex;
          justify-content: space-between;
          align-items: center;

          .leftInfo {
            display: flex;
            align-items: center;

            .avator {
              width: 80rpx;
              height: 80rpx;
              border-radius: 50%;
              background-color: #DCDCDC;
            }

            .info {
              margin-left: 20rpx;

              .name {
                font-size: 28rpx;
                font-weight: 400;
                color: #010101;
                line-height: 28rpx;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 300rpx;
              }

              .zInfo {
                margin-top: 20rpx;
                font-size: 24rpx;
                font-weight: 400;
                color: #848a9a;
                line-height: 24rpx;

                text {
                  margin-right: 10rpx;
                }
              }
            }
          }

          .rightInfo {
            display: flex;

            .funcIcon {
              width: 104rpx;
              height: 104rpx;
            }
          }
        }
      }

      .teamScheduleWrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 40rpx;

        .dateTop {
          display: flex;
          align-items: center;
          width: 215rpx;
          height: 60rpx;
          background: #ffffff;
          border: 1px solid #51a3ff;
          border-radius: 10rpx;
          justify-content: center;

          .downIcon {
            margin-left: 10rpx;
          }
        }

        .teamScheduleItem {
          width: 676rpx;
          height: 140rpx;
          border-bottom: 2rpx solid rgba(204, 204, 204, 0.4);
          display: flex;
          align-items: center;

          .leftInfo {
            display: flex;
            align-items: center;

            .avator {
              width: 80rpx;
              height: 80rpx;
              border-radius: 50%;
            }

            .name {
              width: 180rpx;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              margin-left: 20rpx;
              font-size: 28rpx;
              color: #010101;
            }

          }

          .info {
            margin-left: 20rpx;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 280rpx;

            .date {
              font-size: 24rpx;
              font-weight: 400;
              color: #848A9A;
              line-height: 24rpx;
            }

            .location {
              margin-top: 20rpx;
              font-size: 24rpx;
              font-weight: 400;
              color: #848a9a;
              line-height: 24rpx;
              width: 336rpx;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              text-align: center;
            }
          }

          .rightInfo {
            display: flex;

            .funcIcon {
              width: 104rpx;
              height: 104rpx;
            }
          }
        }
      }

      .support {
        font-size: 24rpx;
        font-weight: 400;
        color: #848A9A;
        margin-top: 90rpx;

        text {
          color: #51a3ff;
        }
      }
    }

  }

  .more {
    width: 750rpx;
    height: 106rpx;
    background: #ffffff;

    box-shadow: 0px -2rpx 0px 0px #efefef, 0px 2rpx 0px 0px #efefef;
    ;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    // margin-bottom: 68rpx;

    .more-icon {
      width: 32rpx;
      height: 32rpx;
      background-image: url("https://ustatic.hudongmiao.com/joymewApp/team/otherTeam/more.png");
      background-size: 100% 100%;
    }
  }
}